<style>
	@import url(css/skitter.styles.css);
</style>
<script type="text/javascript" language="javascript" src="js/jquery.animate-colors-min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.skitter.min.js"></script>
<!---------------------menu top------------------------->
<div id="header_con">
	<!--------------------banner------------------------->
	<div id="ban">
    	<div id="logo">
        	<a href="index.php"><img src="images/logo.jpg" /></a>
        </div>
        <div id="banner">
        	<div id="content">
				<div class="border_box">
					<div class="box_skitter box_skitter_large">
						<ul>
                        	<?php
   					 			$sql = "SELECT HINH_ANH,TIEU_DE FROM qldl_banner";
								$result=$mysqli->query($sql);
  					 			while ($row=$result->fetch_array()){
						 			$string = "<li>";
          							$string .= "<img src='admin/banner/upload/news/".$row['HINH_ANH']."' alt='' width='750' height='270' >";
                        			$string .= "<div class='label_text'>".$row['TIEU_DE']."</div>";
									$string .= "</li>";
									echo $string;
						 		}
  							?>
                        </ul>
					</div>
				</div>
			</div>	
        </div>
    </div>
    <!---------------------main menu------------------------->
	<div id="main_menu">
    	<nav>
            <ul class="menu">
                <li id="trang_chu"><a href="index.php">Trang chủ</a></li>
                <li id="gioi_thieu"><a href="index.php?id=gioi_thieu">Giới Thiệu</a></li>
                <li id="tour_trong_nuoc"><a href="index.php?id=tour_trong_nuoc">Tour Trong Nước</a>
                    <ul>
                        <li id="hot_trong_nuoc"><a href="index.php?id=hot_trong_nuoc">Tour Hot</a></li>
                        <li id="km_trong_nuoc"><a href="index.php?id=km_trong_nuoc">Tour Khuyến Mãi</a></li>
                    </ul>
                </li>
                <li id="tour_nuoc_ngoai"><a href="index.php?id=tour_nuoc_ngoai">Tour Nước ngoài</a>
                    <ul>
                        <li id="hot_nuoc_ngoai"><a href="index.php?id=hot_nuoc_ngoai">Tour Hot</a></li>
                        <li id="km_ngoai_nuoc"><a href="index.php?id=km_ngoai_nuoc">Tour Khuyến mãi</a></li>
                    </ul>
                </li>
                <li id="tintuc_sukien"><a href="index.php?id=tintuc_sukien">Tin tức - Sự kiện</a></li>
                <li id="khach_san"><a href="index.php?id=khach_san">Khách sạn</a></li>
                <li id="cam_nang_du_lich"><a href="index.php?id=cam_nang_du_lich">Cẩm nang Du lịch</a></li>
                <li id="lienhe"><a href="index.php?id=lienhe">Liên hệ</a></li>
            </ul>
            <div class="clearfix"></div>
        </nav>	
    </div>
</div>
<script type="text/javascript" language="javascript">
	$(document).ready(function() {
		$('.box_skitter_large').skitter({
			theme: 'clean',
			numbers_align: 'center',
			progressbar: true, 
			dots: true, 
			preview: true
		});
	});
</script>
    
<!--Back To Top-->
<script type="text/javascript">
    $(function(){
        $('body').append('<div id="top"></div>');
        $(window).scroll(function(){
            var $toa_do=$(window).scrollTop();
            //alert($toa_do);
            if($toa_do==0){
                $('#top').fadeOut();
            }else {$('#top').fadeIn()} ;
        });
        $('#top').click(function(){
            $('html,body').animate({scrollTop:0},500);
        });
    });
</script>
<!--End Back To Top-->